<template>
    <div>
        <strong>最后编译时间：</strong><el-tag>{{ lastBuildTime }}</el-tag>
        <div></div>
        <strong>当前版本：</strong><el-tag>{{ pkg.version }}</el-tag>
        <el-descriptions title="dependencies" :column="3" border>
            <el-descriptions-item v-for="key, index in Object.keys(pkg.dependencies)" :key="index" :label="key">
                {{ pkg.dependencies[key] }}
            </el-descriptions-item>
        </el-descriptions>
        <el-descriptions title="devDependencies" :column="3" border>
            <el-descriptions-item v-for="key, index in Object.keys(pkg.devDependencies)" :key="index" :label="key">
                {{ pkg.devDependencies[key] }}
            </el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script setup lang="ts">
    const { pkg, lastBuildTime } = __APP_INFO__
    console.log(pkg)
</script>

<style lang="scss" scoped></style>